<template>
    <div class="order-report-wrapper">
        <div style="background: #fff">
            <el-tabs v-model="activeName">
                <el-tab-pane label="终端设备查询" name="1">
                    <report-store :underLine="underLine"></report-store>
                </el-tab-pane>
                <el-tab-pane label="锋云服务器报表" name="2">
                    <report-fy :underLine="underLine"></report-fy>
                </el-tab-pane>
                <!-- <el-tab-pane label="异常列表" name="3">
                    <report-unusual :underLine="underLine"></report-unusual>
                </el-tab-pane> -->
            </el-tabs>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
import reportFy from './page_2_store_agent_sub/page_2_2_store_agent_fy'
import reportStore from './page_2_store_agent_sub/page_2_1_store_agent_store'
import reportUnusual from './page_2_store_agent_sub/page_2_3_store_agent_unusual'
export default {
    data: function () {
        return {
            activeName: '1'
        }
    },
    mounted () { },
    created () { },
    watch: {},
    components: {
        reportFy,
        reportStore,
        reportUnusual
    },
    props: {
        underLine: null
    },
    computed: {
        manageArr () {
            console.log(this.$store.state.manageArr)
            return this.$store.state.manageArr
        }
    },
    methods: {
        // 换页方法
        handleCurrentChange (val) {
            this.position = val
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.el-tabs__nav-wrap::after
    content: ''
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    height: 1px
    background-color: #e4e7ed
    z-index: 1

.el-tabs__nav-scroll
    padding: 0 22px

.order-report-wrapper
    width: 100%

    .order-report-wrapper-title
        width: 100%
        height: 40px
        font-size: 14px
        line-height: 30px
        padding-left: 22px
</style>
